// При загрузке страницы
$(function(){

//    Выводим список пользователей
    $("#message").append("Выводим список пользователей ");
    $.ajax({
        url : '/userList',
        dataType: "json",
        success : function(userList) {
            $("#message").append("- Response Ok<br>");
            ShowUserList(userList);
        },
        error : function(err) {
            $("#message").append("- Response Error<br>" + err);
        }
    });

//    Перезагрузка списка пользователей
    $("a.reloadList").click(function(){
        var link = $(this);
        $("#message").append("Перезагрузка списка пользователей ");
        $.ajax({
            url: link.attr("href"),
            dataType: "json",
            success: function(userList) {
                $("#message").append("- Response Ok<br>");
                ShowUserList(userList);
            },
            error: function(err) {
                $("#message").append("- Response Error<br>" + err);
            }
        });
        return false;
    });

    // Открытие окна редактирования пользователя
    $("#tasks tbody tr").click(function(){
        $("#message").append("- Response Ok<br>");
    });

    $("input.userInput").click(function(){
        $(this).val('');
    });

});
/*############################################################*/
// Строка списка пользователей
var showUsersRow = function(index, user){
    var addingHtml = "<tr>"
        + "<td class='index'>" + (index+1) + "</td>"
        + "<td class='task_create_time'>" + user.userName + "</td>"
        + "<td class='task_state'>" + user.login + "</td>"
        + "<td class='task_number'>" + user.userId + "</td>"
        + "<td class='task_text'>" + user.registrationDate+ "</td>"
        + "<td class='task_remove'><input type='button' onclick='processRequestDelUser(" + user.userId + ", \"" + user.userName + "\")' class='delButton'/></td>"
        + "</tr>";
    $("#tasks tbody").append(addingHtml);
};

// Список всех пользователей
var ShowUserList = function(userList) {
    $("#tasks tbody").empty();

    $.each(userList, function( index, user ) {
        showUsersRow(index, user);
    });
};

// Добавить нового пользователя
var processRequestAddUser = function() {
    $("#message").append("Добавление нового пользователя ");
    $.ajax({
        url: "/userReqest",
        dataType: "json",
        data: {
            action: "createUser",
            newUser: JSON.stringify({
                name:$("#user_name").val(),
                login:$("#user_login").val(),
                password:$("#user_pass").val()
            })
        },
        success:function(newUser) {
            $("#message").append("- Response Ok<br>");

            $("#user_name").val('Имя пользователя');
            $("#user_login").val('Логин');
            $("#user_pass").val('Пароль');

            showUsersRow("new", newUser)
        },
        error: function(err) {
            $("#message").append("- Response Error<br>" + err);
        }
    })

};

// Удалить пользователя
var processRequestDelUser = function(userId, userName) {
    $("#message").append("Удаление пользователя: " + userName );
    $.ajax({
        url: "/userReqest?id="+userId,
        dataType: "json",
        data: {
            action: "deleteUser",
            delUser: JSON.stringify({
                userId: userId
            })
        },
        success:function() {
            $("#message").append(" - Response Ok<br>");

//            showUsersRow("new", newUser)
        },
        error: function(err) {
            $("#message").append(" - Response Error<br>" + err);
        }
    })

};